<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="top.css">
    <link rel="stylesheet" href="css.css">
</head>

<body>
    <div class="top">
        <div class="w">
            <a name="#three"></a>
            <div class="nav">
                <ul class="ul-l">
                    <li><a href="#">小米商城</a></li>
                    <li><a href="#">MUUI</a></li>
                    <li><a href="#">loT</a></li>
                    <li><a href="#">云服务</a></li>
                    <li><a href="#">天星科技</a></li>
                    <li><a href="#">有品</a></li>
                    <li><a href="#">小米开发平台</a></li>
                    <li><a href="#">企业团购</a></li>
                    <li><a href="#">资质证照</a></li>
                    <li><a href="#">协议规则</a></li>
                    <li><a href="#">下载app</a></li>
                    <li><a href="#">智能生活</a></li>
                    <li><a href="#">Select Location</a></li>
                </ul>
                <ul class="ul-r">
                    <li><span><a href="#">登录</a></span></li>
                    <li> <span><a href="#">注册</a></span></li>
                    <li> <span><a href="#">消息通知</a></span></li>
                </ul>
            </div>
            <div class="link">
                <div class="logo"> </div>
                <div class="link-a">
                    <ul>
                        <li><a href="#">小米手机</a></li>
                        <li><a href="#">Redmi红米</a></li>
                        <li><a href="#">电视</a></li>
                        <li><a href="#">笔记本</a></li>
                        <li><a href="#">家电</a></li>
                        <li><a href="#">路由器</a></li>
                        <li><a href="#">智能硬件</a></li>
                        <li><a href="#">服务</a></li>
                        <li><a href="#">社区</a></li>
                    </ul>
                </div>
                <div class="sosou">
                    <input type="text" placeholder="家电">
                    <button></button>
                </div>
            </div>
            <div class="banner">
                <div class="banner-l"></div>
                <div class="banner-r">
                    <img src="images/1.jpg" alt="">
                </div>
            </div>
            <div class="xiao">
                <div class="xiao-l"> <a name="one"></a>手机 </div>
                <div class="xiao-r"><a href="#">查看全部</a> </div>
            </div>
            <div class="box">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <div class="banner-b">
                <img src="images/2.jpg" alt="">
            </div>
            <div class="xiao-b">
                <div class="xiao-l-b"> <a name="two"></a>家电 </div>
                <div class="xiao-r-b"><a href="#">查看全部</a></div>
            </div>
            <div class="box-b">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <div class="banner-c">
                <img src="images/3.jpg" alt="">
            </div>
            <div class="footer">
                <div class="footer-l">
                    <dl>
                        <dt>帮助中心
                        <dd> <a href="#">账户管理</a> </dd>
                        <dd> <a href="#">购物指南</a> </dd>
                        <dd> <a href="#">订单操作</a> </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>服务支持
                        <dd> <a href="#">售后政策</a> </dd>
                        <dd> <a href="#">自助服务</a> </dd>
                        <dd> <a href="#">相关下载</a> </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>线下门店
                        <dd> <a href="#">小米之家</a> </dd>
                        <dd> <a href="#">服务网点</a> </dd>
                        <dd> <a href="#">授权体验店</a> </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>关于小米
                        <dd> <a href="#">了解小米</a> </dd>
                        <dd> <a href="#">加入小米</a> </dd>
                        <dd> <a href="#">投资者关系</a> </dd>
                        <dd> <a href="#">企业社会责任</a> </dd>
                        <dd> <a href="#">廉洁举报</a> </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>关注我们
                        <dd> <a href="#">新浪微博</a> </dd>
                        <dd> <a href="#">官方微信</a> </dd>
                        <dd> <a href="#">联系我们</a> </dd>
                        <dd> <a href="#">公益基金会</a> </dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>特色服务
                        <dd> <a href="#">F码通道</a> </dd>
                        <dd> <a href="#">礼物码</a> </dd>
                        <dd> <a href="#">防伪查询</a> </dd>
                        </dt>
                    </dl>
                </div>

                <div class="footer-r">
                    <p class="phone">400-100-5678</p>
                    <p class="working">8:00-18:00(仅收市花费)</p>
                    <p class="kefu"> <a href="#">人工客服</a></p>
                    <p class="guanzhu">
                        <span>关注小米:</span>
                        <a href="#" class="wb"></a>
                        <a href="#" class="wx"></a>
                    </p>
                </div>
            </div>
        </div>
        <div class="guding">
            <a href="#one">1F&nbsp;手机</a>
            <a href="#two">2F&nbsp;家电</a>
            <a href="#three">回到顶部</a>
        </div>
    </div>
</body>

</html>